﻿<%@ Page Title="" Language="C#" MasterPageFile="~/SysDefinitions.master" AutoEventWireup="true"
    CodeBehind="UserManagement.aspx.cs" Inherits="SCFHS.Views.SystemDefinitions.UserManagement" %>

<asp:Content ID="Content1" ContentPlaceHolderID="NastedHeader" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="NastedBody" runat="server">
    <div>
        <asp:Label Text=" " ID="lblMessage" runat="server" CssClass="info" />
        <asp:MultiView ActiveViewIndex="0" runat="server" ID="mView">
            <asp:View runat="server" ID="vUserSearch">
                <div class="row">
                    <asp:LinkButton Text="إضافة مستخدم جديد" runat="server" OnClick="btnAddNewUser_Click"
                        ID="btnAddNewUser" ValidationGroup="addNewUser" />
                </div>
                <div class="Box row radius-Bottom userInfo">
                    <div class="ContentTitle">
                        البحث عن مستخدم في النظام
                    </div>
                    <asp:Label ID="Label1" Text="للبحث أدخل إسم المستخدم المطلوب" runat="server" CssClass="tooltip" />
                    <div class="inputArea row">
                        <ul class="title">
                            <li>إسم المستخدم</li>
                        </ul>
                        <ul class="data">
                            <li>
                                <asp:TextBox runat="server" ID="txtUserNameToSearh" ValidationGroup="SearchUser"
                                    Font-Size="14" TabIndex="1" /><asp:RequiredFieldValidator ErrorMessage="يجب إدخال إسم مستخدم للبدء بالبحث"
                                        ControlToValidate="txtUserNameToSearh" runat="server" Text="*" ValidationGroup="SearchUser"
                                        ForeColor="Red" /></li>
                        </ul>
                    </div>
                </div>
                <div class="ProgressContent row">
                    <asp:Button Text="بحث" runat="server" ID="btnSearchUser" OnClick="btnSearchUser_Click"
                        ValidationGroup="SearchUser" CssClass="button" TabIndex="2" />
                </div>
                <div id="dvUsersResult" class="Box row radius-Bottom userInfo" runat="server" visible="false">
                    <div class="ContentTitle">
                        إختر إسم المستخدم المقصود
                    </div>
                    <div style="width: 100%; padding-bottom: 10px;">
                        <center>
                            <asp:GridView runat="server" ID="grdUsers" AutoGenerateColumns="False" CellPadding="4"
                                ForeColor="#333333" GridLines="Both" BorderWidth="2" DataKeyNames="userID" OnSelectedIndexChanged="grdUsers_SelectedIndexChanged">
                                <AlternatingRowStyle BackColor="White" />
                                <Columns>
                                    <asp:TemplateField HeaderText="م">
                                        <ItemTemplate>
                                            <div style="width: 19px; text-align: center">
                                                <%#Container.DataItemIndex+1 %>
                                            </div>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField Visible="false">
                                        <ItemTemplate>
                                            <asp:Label ID="lblUserID" Text='<%# Eval("userID")%>' runat="server"></asp:Label>'
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="إسم المستخدم">
                                        <ItemTemplate>
                                            <asp:Label ID="lblUserName" Text='<%# Eval("userName")%>' runat="server" Width="200"></asp:Label>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="الإسم الفعلي">
                                        <ItemTemplate>
                                            <asp:Label ID="lblUserProfileName" Text='<%# Eval("userProfileName")%>' runat="server"
                                                Width="200"></asp:Label>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:CommandField ShowSelectButton="true" SelectText="التفاصيل" />
                                </Columns>
                                <EditRowStyle BackColor="#2461BF" />
                                <EmptyDataTemplate>
                                    <asp:Label ID="Label1" Text="لا يوجد مستخدمين" runat="server" Width="600px" />
                                </EmptyDataTemplate>
                                <EmptyDataRowStyle ForeColor="Black" Font-Bold="true" BorderStyle="None" />
                                <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
                                <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
                                <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
                                <RowStyle BackColor="#EFF3FB" />
                                <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
                                <SortedAscendingCellStyle BackColor="#F5F7FB" />
                                <SortedAscendingHeaderStyle BackColor="#6D95E1" />
                                <SortedDescendingCellStyle BackColor="#E9EBEF" />
                                <SortedDescendingHeaderStyle BackColor="#4870BE" />
                            </asp:GridView>
                        </center>
                    </div>
                </div>
            </asp:View>
            <asp:View runat="server" ID="vUserData">
                <asp:HiddenField runat="server" ID="hdfUserID" />
                <div>
                    <div class="userInfo Box radius-Bottom row">
                        <div class="ContentTitle">
                            البيانات الأساسية
                        </div>
                        <div class="row">
                            <ul class="title">
                                <li>إسم المستخدم</li>
                                <li>الإسم</li>
                                <li>الصفحةالرئيسية</li>
                                <li>صلاحية المستخدم</li>
                                <li>&nbsp;</li>
                                <li>التفعيل</li>
                            </ul>
                            <ul class="data">
                                <li>
                                    <asp:TextBox runat="server" ID="txtUserName" MaxLength="20" TabIndex="1" ValidationGroup="UpdateUser" /><asp:RequiredFieldValidator
                                        ID="RequiredFieldValidator1" ErrorMessage="يجب إدخال إسم مستخدم" ControlToValidate="txtUserName"
                                        runat="server" ValidationGroup="UpdateUser" Text="*" ForeColor="Red" /></li>
                                <li>
                                    <asp:TextBox runat="server" ID="txtProfileName" MaxLength="100" TabIndex="2" ValidationGroup="UpdateUser" /><asp:RequiredFieldValidator
                                        ID="RequiredFieldValidator2" ErrorMessage="يجب إدخال الإسم" ControlToValidate="txtProfileName"
                                        runat="server" ValidationGroup="UpdateUser" Text="*" ForeColor="Red" /></li>
                                <li>
                                    <asp:TextBox runat="server" ID="txtDefaultPage" MaxLength="150" TabIndex="3" ValidationGroup="UpdateUser" />
                                </li>
                                <li>
                                    <asp:CheckBox Text="مدير" runat="server" ID="ckbxIsAdmin" ValidationGroup="UpdateUser"
                                        CssClass="isAdmin" /></li>
                                <li>
                                    <asp:CheckBoxList runat="server" RepeatDirection="Horizontal" ID="ckbxRoles" CssClass="Roles">
                                        <asp:ListItem Text="إنشاء طلب" Value="10" />
                                        <asp:ListItem Text="إستكمال طلب" Value="20" />
                                        <asp:ListItem Text="طباعة طلب" Value="30" />
                                        <asp:ListItem Text="إضافة توجيه" Value="40" />
                                        <asp:ListItem Text="متابعة طلب" Value="50" />
                                    </asp:CheckBoxList>
                                </li>
                                <li>
                                    <asp:CheckBox Text="مفعل" runat="server" ID="ckbxIsActive" ValidationGroup="UpdateUser" /></li>
                            </ul>
                        </div>
                        <script type="text/javascript">
                            var isAdmin = $(".isAdmin input:checkbox").get(0);
                            if (isAdmin.checked) {
                                $(".Roles").get(0).disabled = true;
                                SelectAllRoles();
                            }
                            else {
                                $(".Roles").get(0).disabled = false;
                            }

                            function SelectAllRoles() {
                                $(".Roles input:checkbox").each(function () {
                                    this.checked = true;
                                });
                            }

                            $(".isAdmin input:checkbox").click(function () {
                                if (this.checked) {
                                    $(".Roles").get(0).disabled = true;
                                    SelectAllRoles();
                                }
                                else {
                                    $(".Roles").get(0).disabled = false;
                                }
                            });
                        </script>
                    </div>
                    <div class="ProgressContent">
                        <asp:Button Text="تحديث البيانات الأساسية" runat="server" ID="btnUpdateMainUserInfo"
                            OnClick="btnUpdateMainUserInfo_Click" ValidationGroup="UpdateUser" CssClass="button" />
                        <asp:Button Text="حذف المستخدم" runat="server" ID="btnDeleteUser" 
                            CssClass="button" onclick="btnDeleteUser_Click" />
                    </div>
                    <div class="row userInfo Box radius-Bottom">
                        <div class="ContentTitle">
                            بيانات الرقم السري
                        </div>
                        <ul class="title">
                            <li style="width: 100px;">الرقم السري</li>
                        </ul>
                        <ul class="data">
                            <li>
                                <asp:TextBox runat="server" ID="txtNewPassword" TextMode="Password" MaxLength="10"
                                    ValidationGroup="UpdateUserPassword" /><asp:RequiredFieldValidator ID="RequiredFieldValidator3"
                                        ErrorMessage="يجب إدخال الرقم السري الجديد" ControlToValidate="txtNewPassword"
                                        runat="server" ValidationGroup="UpdateUserPassword" Text="*" ForeColor="Red" /></li>
                        </ul>
                    </div>
                    <div class="ProgressContent">
                        <asp:Button Text="تحديث الرقم السري" runat="server" ID="btnUpdatePassword" OnClick="btnUpdatePassword_Click"
                            ValidationGroup="UpdateUserPassword" CssClass="button" />
                    </div>
                </div>
            </asp:View>
            <asp:View runat="server" ID="vNewUser">
                <div>
                    <div id="Div1" class="userInfo Box radius-Bottom row">
                        <div class="ContentTitle">
                            البيانات الأساسية
                        </div>
                        <div class="row">
                            <ul class="title">
                                <li>إسم المستخدم</li>
                                <li>الإسم</li>
                                <li>الصفحةالرئيسية</li>
                                <li>صلاحية المستخدم</li>
                                <li>&nbsp;</li>
                                <li>التفعيل</li>
                                <li>الرقم السري</li>
                            </ul>
                            <ul class="data">
                                <li>
                                    <asp:TextBox runat="server" ID="txtNewUserName" MaxLength="20" TabIndex="1" ValidationGroup="NewUser" /><asp:RequiredFieldValidator
                                        ID="RequiredFieldValidator4" ErrorMessage="يجب إدخال إسم مستخدم" ControlToValidate="txtNewUserName"
                                        runat="server" ValidationGroup="NewUser" Text="*" ForeColor="Red" /></li>
                                <li>
                                    <asp:TextBox runat="server" ID="txtNewUserProfileName" MaxLength="100" TabIndex="2"
                                        ValidationGroup="NewUser" /><asp:RequiredFieldValidator ID="RequiredFieldValidator5"
                                            ErrorMessage="يجب إدخال الإسم" ControlToValidate="txtNewUserProfileName" runat="server"
                                            ValidationGroup="NewUser" Text="*" ForeColor="Red" /></li>
                                <li>
                                    <asp:TextBox runat="server" ID="txtNewUserDefaultPage" MaxLength="150" TabIndex="3"
                                        ValidationGroup="NewUser" />
                                </li>
                                <li>
                                    <asp:CheckBox Text="مدير" runat="server" ID="ckbxNewUserIsAdmin" ValidationGroup="NewUser"
                                        CssClass="NewUserIsAdmin" /></li>
                                <li>
                                    <asp:CheckBoxList runat="server" RepeatDirection="Horizontal" ID="ckbxNewUserRoles"
                                        CssClass="NewUserRoles">
                                        <asp:ListItem Text="إنشاء طلب" Value="10" />
                                        <asp:ListItem Text="إستكمال طلب" Value="20" />
                                        <asp:ListItem Text="طباعة طلب" Value="30" />
                                        <asp:ListItem Text="إضافة توجيه" Value="40" />
                                        <asp:ListItem Text="متابعة طلب" Value="50" />
                                    </asp:CheckBoxList>
                                </li>
                                <li>
                                    <asp:CheckBox Text="مفعل" runat="server" ID="ckbxNewUserIsActive" ValidationGroup="NewUser" /></li>
                                <li>
                                    <asp:TextBox runat="server" ID="txtNewUserPassword" TextMode="Password" MaxLength="10"
                                        ValidationGroup="NewUser" /><asp:RequiredFieldValidator ID="RequiredFieldValidator6"
                                            ErrorMessage="يجب إدخال الرقم السري" ControlToValidate="txtNewUserPassword" runat="server"
                                            ValidationGroup="NewUser" Text="*" ForeColor="Red" /></li>
                            </ul>
                        </div>
                        <script type="text/javascript">
                            var isAdmin = $(".NewUserIsAdmin input:checkbox").get(0);
                            if (isAdmin.checked) {
                                $(".NewUserRoles").get(0).disabled = true;
                                SelectAllRoles();
                            }
                            else {
                                $(".NewUserRoles").get(0).disabled = false;
                            }

                            function SelectAllRoles() {
                                $(".NewUserRoles input:checkbox").each(function () {
                                    this.checked = true;
                                });
                            }

                            $(".NewUserIsAdmin input:checkbox").click(function () {
                                if (this.checked) {
                                    $(".NewUserRoles").get(0).disabled = true;
                                    SelectAllRoles();
                                }
                                else {
                                    $(".NewUserRoles").get(0).disabled = false;
                                }
                            });
                        </script>
                        <div class="ProgressContent">
                            <asp:Button Text="إضافة مستخدم" runat="server" ID="btnSubmitNewUserInfo" OnClick="btnSubmitNewUserInfo_Click"
                                ValidationGroup="NewUser" CssClass="button" />
                        </div>
                    </div>
                </div>
            </asp:View>
        </asp:MultiView>
    </div>
</asp:Content>
